<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>房盟网</title>
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/head.css">
		<link rel="stylesheet" href="../css/main.css">
	</head>

	<body>
		<!--头部开始-->
		<div class="top">
			<div class="normal-size clearfix">
				<div class="logo f"><img src="../images/logo.png" alt=""></div>
				<div class="login r ">
					<ul class="clearfix login-list clearfix">
						<li>
							<!--搜索框-->
							<div class="top-search">
								<div class="top-search-btn"><img src="../images/search_icon.png" alt=""></div>
								<div class="top-search-input clearfix" style="display: none">
									<div class="f s-filter f">
										<div class="select-menu">
											<div class="select-menu-div">
												<input id="No1" readonly class="select-menu-input" />

												<i class="fa fa-caret-down"></i>
											</div>
											<ul class="select-menu-ul">
												<li class="select-this">楼盘</li>
												<li>资讯</li>
												<li>动态</li>
											</ul>
										</div>
									</div>
									<input class="t-search-box f" type="text" placeholder="请输入城市/楼盘">
									<div class="search-btn f"><img src="../images/search_icon.png" alt=""></div>
								</div>
							</div>
						</li>
						<!--登录和注册-->
						<li class="user-icon">
							<img src="../images/user.png" alt="">
						</li>
						<li class="login">登录</li>
						<li class="login border">|</li>
						<li class="login zhuce">注册</li>
					</ul>
				</div>
			</div>
		</div>
		<!--头部结束-->
		<!--导航栏-->
		<div class="navbox">
			<div class="nav-contact normal-size clearfix">
				<div class="nav f">
					<ul class="nav-list clearfix">
						<li class="nav-item"><a href="index.html">首页</a>
							<div class="arrow-d"><img src="../images/arrow_down.png" alt=""></div>
						</li>
						<li class="nav-item on"><a href="">新房</a>
							<div class="arrow-d"><img src="../images/arrow_down.png" alt=""></div>
						</li>
						<li class="nav-item"><a href="news.html">房产资讯</a>
							<div class="arrow-d"><img src="../images/arrow_down.png" alt=""></div>
						</li>
						<li class="nav-item"><a href="#">房盟加盟 <b class="dp">·</b></a>
							<div class="arrow-d"><img src="../images/arrow_down.png" alt=""></div>
						</li>
						<li class="nav-item"><a href="#">关于我们</a>
							<div class="arrow-d"><img src="../images/arrow_down.png" alt=""></div>
						</li>
					</ul>
				</div>
				<div class="r contact-app clearfix">
					<div class="contact-tel f clearfix">
						<div class="tel-icon f"><img src="../images/tel_icon.png" alt=""></div>
						<p class="tel-num f">
							<span class="hot-line">合作热线：</span>
							<span class="num">4008-17-0898</span>
							<span class="hot-line">转</span>
							<span class="num">888</span>
						</p>
					</div>
					<div class="app-code f clearfix">
						<div class="app-icon f"><img src="../images/phone.png" alt=""></div>
						<p class="app-text f">下载房盟APP</p>
						<img class="app-code-img" src="../images/app_code.png" alt="">
					</div>
				</div>
			</div>
		</div>

		<!--内容开始-->
		<div class="container">
			<div class="wrapbox">
				<div class="lp-name">
					<p>清澜半岛</p>
					<label>花园洋房</label>
					<label>花园洋房</label>
					<label>特色别墅</label>
					<span>区域：海南-海口</span>
					<em class="bdsharebuttonbox publishway fr bdshare-button-style2-24" data-bd-bind="1531205516807">
						<a href="http://www.wofanglvju.com/new/205.html" class="bds_more" data-cmd="more"></a>
						<a href="http://www.wofanglvju.com/new/205.html" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
						<a href="http://www.wofanglvju.com/new/205.html" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
						<a href="http://www.wofanglvju.com/new/205.html" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
						<a href="http://www.wofanglvju.com/new/205.html" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
						<a href="http://www.wofanglvju.com/new/205.html" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
						<div class="clear"></div>
					</em>
				</div>
				<div class="lp-pic">
					<div class="succesny fl">
						<div class="control">
							<ul class="change">
							</ul>
						</div>
						<div class="thumbWrap">
							<div class="thumbCont">
								<ul>
									<li>
										<div><img src="../images/lp.jpg" url="url" bigImg="../images/lp.jpg"></div>
									</li>
									<li>
										<div><img src="../images/lp.jpg" url="url" bigImg="../images/lp.jpg"></div>
									</li>
									<li>
										<div><img src="../images/lp.jpg" url="url" bigImg="../images/lp.jpg"></div>
									</li>
									<li>
										<div><img src="../images/lp.jpg" url="url" bigImg="../images/lp.jpg"></div>
									</li>
									<li>
										<div><img src="../images/lp.jpg" url="url" bigImg="../images/lp.jpg"></div>
									</li>
									<li>
										<div><img src="../images/lp.jpg" url="url" bigImg="../images/lp.jpg"></div>
									</li>
									<li>
										<div><img src="../images/lp.jpg" url="url" bigImg="../images/lp.jpg"></div>
									</li>
									<li>
										<div><img src="../images/lp.jpg" url="url" bigImg="../images/lp.jpg"></div>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="lp-con fr">
						<a href="#" class="recommend">佣金：2.5%</a>
						<ul>
							<li>
								<b>均&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：</b>
								<label><em>6800</em>元/㎡</label>
							</li>
							<li>
								<b>优惠折扣：</b>
								<label>全款享9折，按揭享93折</label>
							</li>
							<li>
								<b>楼盘地址：</b>
								<label>乐东县九所新区龙栖湾</label>
							</li>
							<li>
								<div class="fl">
									<b>开盘日期：</b>
									<label>2014-01-01</label>
								</div>
								<div class="fr">
									<b>入住日期：</b>
									<label>2015-01-01</label>
								</div>
							</li>
							<li>
								<b>物业公司：</b>
								<label>隆鑫物业管理公司</label>
							</li>
							<li>
								<b>物&nbsp;&nbsp;业&nbsp;费：</b>
								<label>1.3元/㎡</label>
							</li>
							<li>
								<b>开&nbsp;&nbsp;发&nbsp;商：</b>
								<label>海南中坤渝安投资有限公司</label>
							</li>
							<li>
								<b>主力户型：</b>
								<label>公寓47-102㎡；商铺39-249㎡</label>
								<a>全部户型</a>
							</li>
							<li>
								<b>推荐理由：</b>
								<label>依托强大品牌实力和得天独厚的地理优势，致力于打造出全方位的滨海度假区。项目位于海南省乐东县，靠山临海，紧邻国家重点战略部署的国际旅游岛的南端——三亚市。</label>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="navbar">
				<a href="#info" class="cur">楼盘详情</a>
				<a href="#station">楼盘动态</a>
				<a href="#house">楼盘户型</a>
				<a href="#picture">楼盘相册</a>
				<a href="#suite">周边配套</a>
			</div>
			<div class="infobox" id="info">
				<table border="0" cellspacing="0" cellpadding="0">
					<tbody>
						<tr>
							<td class="short">开盘价</td>
							<td class="long">15000元/㎡</td>
							<td class="short">均价</td>
							<td class="long">15000元/㎡</td>
						</tr>
						<tr>
							<td class="short">占地面积</td>
							<td class="long">400000平方米</td>
							<td class="short">建筑面积</td>
							<td class="long">400000平方米</td>
						</tr>
						<tr>
							<td class="short">总栋数</td>
							<td class="long">2（一期公寓）栋</td>
							<td class="short">总套数</td>
							<td class="long">600套</td>
						</tr>
						<tr>
							<td class="short">容积率</td>
							<td class="long">1.6</td>
							<td class="short">绿化率</td>
							<td class="long">100%</td>
						</tr>
						<tr>
							<td class="short">装修状况</td>
							<td class="long">毛坯 精装修（公寓含2000元/平精装）</td>
							<td class="short">现房期房</td>
							<td class="long"></td>
						</tr>
						<tr>
							<td class="short">停车位</td>
							<td class="long">200个</td>
							<td class="short">产权年限</td>
							<td class="long">70年</td>
						</tr>
						<tr>
							<td class="short">主力户型</td>
							<td class="longest" colspan="3">38㎡一房赠送6㎡；55㎡两房赠送19㎡；63㎡三房赠送18㎡</td>
						</tr>
						<tr>
							<td class="short">楼盘状况</td>
							<td class="longest" colspan="3">两栋公寓（A1栋15层，A2栋25层）；度假别墅</td>
						</tr>
						<tr>
							<td class="short">楼盘简介</td>
							<td class="longest" colspan="3">隆鑫诺亚方舟是隆鑫地产进军旅游地产又一力作，依托于隆鑫地产的强大品牌实力和得天独厚的地理优势，致力于打造出全方位的滨海度假区。项目位于<a href="#">【详情】</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="lp-station common" id="station">
				<h1>楼盘动态<img src="../images/right.png" alt="" /></h1>
				<ul>
					<li>
						<a href="#">
							<p class="fl">绿中海·秘密花园均价18000-24000元/平 含3500元/平装修</p>
							<em class="fr">2018-01-01</em>
						</a>
					</li>
					<li>
						<a href="#">
							<p class="fl">绿中海·秘密花园均价18000-24000元/平 含3500元/平装修</p>
							<em class="fr">2018-01-01</em>
						</a>
					</li>
					<li>
						<a href="#">
							<p class="fl">绿中海·秘密花园均价18000-24000元/平 含3500元/平装修</p>
							<em class="fr">2018-01-01</em>
						</a>
					</li>
					<li>
						<a href="#">
							<p class="fl">绿中海·秘密花园均价18000-24000元/平 含3500元/平装修</p>
							<em class="fr">2018-01-01</em>
						</a>
					</li>
				</ul>
			</div>
			<div class="lp-house common" id="house">
				<h1>楼盘户型<img src="../images/right.png" alt="" /></h1>
				<div class="housenum">
					<a href="#">一居(<em>1</em>)</a>
					<a href="#">二居(<em>1</em>)</a>
					<a href="#">三居(<em>1</em>)</a>
					<a class="showmore">更多</a>
				</div>
				<ul>
					<li>
						<a class="showmore">
							<img src="../images/lp.jpg" />
							<p>A3户型0室0厅0卫0厨85-90㎡</p>
						</a>
					</li>
					<li>
						<a class="showmore">
							<img src="../images/lp.jpg" />
							<p>A3户型0室0厅0卫0厨85-90㎡</p>
						</a>
					</li>
					<li>
						<a class="showmore">
							<img src="../images/lp.jpg" />
							<p>A3户型0室0厅0卫0厨85-90㎡</p>
						</a>
					</li>
					<li>
						<a class="showmore">
							<img src="../images/lp.jpg" />
							<p>A3户型0室0厅0卫0厨85-90㎡</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="lp-house common" id="picture">
				<h1>楼盘相册<img src="../images/right.png" alt="" /></h1>
				<ul>
					<li>
						<a class="showmore">
							<img src="../images/lp.jpg" />
							<p>隆鑫诺亚方舟鸟瞰图</p>
						</a>
					</li>
					<li>
						<a class="showmore">
							<img src="../images/lp.jpg" />
							<p>隆鑫诺亚方舟鸟瞰图</p>
						</a>
					</li>
					<li>
						<a class="showmore">
							<img src="../images/lp.jpg" />
							<p>隆鑫诺亚方舟鸟瞰图</p>
						</a>
					</li>
					<li>
						<a class="showmore">
							<img src="../images/lp.jpg" />
							<p>隆鑫诺亚方舟鸟瞰图</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="common" id="suite">
				<h1>周边配套<img src="../images/right.png" alt="" /></h1>
				<div class="mapbox">
					<div class="fl" id="allmap"></div>
					<div class="fr mapsele">
						<div class="mapTab" id="r-result1" style="display: block;">
							<ul>
								<li><a onclick="getKeys('小区');"><span class="s1"></span>周边小区</a></li>
								<li><a onclick="getKeys('交通');"><span class="s2"></span>交通</a></li>
								<li><a onclick="getKeys('学校');"><span class="s9"></span>学校</a></li>
								<li><a onclick="getKeys('医院');"><span class="s7"></span>医院</a></li>
								<li><a onclick="getKeys('银行');"><span class="s6"></span>银行</a></li>
								<li><a onclick="getKeys('超市');"><span class="s4"></span>超市</a></li>
								<li><a onclick="getKeys('餐饮');"><span class="s5"></span>餐饮</a></li>
								<li><a onclick="getKeys('公园');"><span class="s8"></span>公园</a></li>
								<li><a onclick="getKeys('娱乐');"><span class="s3"></span>娱乐</a></li>
							</ul>
						</div>
						<div id="r-result" style="display:none;padding: 10px 0 0 10px;">
							<div class="map_tit"><a href="javascript:void(0)" onclick="setFirst()">返回</a><strong></strong>
							</div>
							<div id="mylist" style="height: 353px;overflow-y: auto;"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--内容结束-->

		<!--底部开始-->
		<footer>
			<div class="footer-t clearfix">
				<div class="normal-size">
					<div class="footer-contact f">
						<ul>
							<li class="footer-contact-item clearfix" style="margin-top: 55px">
								<span class="f-icon f"><img style="width: 28px" src="../images/f_tel.png" alt=""></span>
								<span class="f-contact-t f">合作热线</span>
								<span class="f-contact-text f">4008-17-0898 转 888</span>
							</li>
							<li class="footer-contact-item clearfix">
								<span class="f-icon f"><img style="width: 27px;height: 19px" src="../images/mail.png" alt=""></span>
								<span class="f-contact-t f">合作邮箱</span>
								<span class="f-contact-text f">4008-17-0898 转 888</span>
							</li>
							<li class="footer-contact-item clearfix">
								<span class="f-icon f"><img  style="width: 18px;height: 26px;" src="../images/location.png" alt=""></span>
								<span class="f-contact-t f">公司地址</span>
								<span class="f-contact-text f">海南省海口市龙昆南路76号金霖花园别墅7栋</span>
							</li>
						</ul>
					</div>
					<div class="f-nav f">
						<div class="hide-btn-box">
							<div class="hide-btn">
								<div class="btn-img-box">
									<img src="../images/f-arrow-d.png" alt="">
								</div>
							</div>
							<div class="f-logo"><img src="../images/f-logo.png" alt=""></div>
							<div class="f-nav-list">
								<ul class="clearfix">
									<li class="f-nav-item"><a href="#">首页</a></li>
									<li class="f-nav-border">|</li>
									<li class="f-nav-item"><a href="#">公司介绍</a></li>
									<li class="f-nav-border">|</li>
									<li class="f-nav-item"><a href="#">合作案例</a></li>
									<li class="f-nav-border">|</li>
									<li class="f-nav-item"><a href="#">加盟标准</a></li>
									<li class="f-nav-border">|</li>
									<li class="f-nav-item"><a href="#">合作协议</a></li>
								</ul>
							</div>
							<p class="copyRight">copyright © 2015-2018 www.fangmeng.com All Rights Reserved 琼ICP备15002905号</p>
						</div>
					</div>
					<div class="f-code f clearfix">
						<div class="code-img app f">
							<img src="../images/app_code.png" alt="">
							<p>房盟网APP</p>
						</div>
						<div class="code-img f">
							<img src="../images/web_code.png" alt="">
							<p>房盟网微信号</p>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!--底部结束-->
		<script src="../js/jquery.min.js"></script>
		<script src="../js/slides-1.1.1-min.js"></script>
		<script type="text/javascript">
			$(function() {
				$('.succesny').olvSlides({
					thumb: true,
					thumbPage: true,
					thumbDirection: "Y",
					effect: 'fade'
				});
			})
		</script>
		<script type="text/javascript">
			//分享插件
			window._bd_share_config = {
				"common": {
					"bdSnsKey": {},
					"bdText": "",
					"bdMini": "2",
					"bdMiniList": false,
					"bdPic": "",
					"bdStyle": "2",
					"bdSize": "22"
				},
				"share": {}
			};
			with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
		</script>
		<!--地图-->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0WNnyn5gEIws9ingWyjiOCGS"></script>
		<script type="text/javascript">
			// 百度地图API功能
			var map = new BMap.Map("allmap");
			var point = new BMap.Point(116.404, 39.915);
			// 初始化地图， 设置中心点坐标和地图级别
			map.centerAndZoom(point, 11);
			// 复杂的自定义覆盖物
			function ComplexCustomOverlay(point, text, mouseoverText) {
				this._point = point;
				this._text = text;
				this._overText = mouseoverText;
			}
			ComplexCustomOverlay.prototype = new BMap.Overlay();
			ComplexCustomOverlay.prototype.initialize = function(map) {
				this._map = map;
				var div = this._div = document.createElement("div");
				div.style.position = "absolute";
				div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
				div.style.backgroundColor = "#EE5D5B";
				div.style.border = "1px solid #BC3B3A";
				div.style.color = "white";
				div.style.height = "18px";
				div.style.padding = "2px 10px";
				div.style.lineHeight = "18px";
				div.style.whiteSpace = "nowrap";
				div.style.MozUserSelect = "none";
				div.style.fontSize = "12px"
				var span = this._span = document.createElement("span");
				div.appendChild(span);
				span.appendChild(document.createTextNode(this._text));
				var that = this;
				var arrow = this._arrow = document.createElement("div");
				arrow.style.background = "url(http://map.baidu.com/fwmap/upload/r/map/fwmap/static/house/images/label.png) no-repeat";
				arrow.style.position = "absolute";
				arrow.style.width = "11px";
				arrow.style.height = "10px";
				arrow.style.top = "22px";
				arrow.style.left = "10px";
				arrow.style.overflow = "hidden";
				div.appendChild(arrow);
				div.onmouseover = function() {
					this.style.backgroundColor = "#6BADCA";
					this.style.borderColor = "#0000ff";
					this.getElementsByTagName("span")[0].innerHTML = that._overText;
					arrow.style.backgroundPosition = "0px -20px";
				}
				div.onmouseout = function() {
					this.style.backgroundColor = "#EE5D5B";
					this.style.borderColor = "#BC3B3A";
					this.getElementsByTagName("span")[0].innerHTML = that._text;
					arrow.style.backgroundPosition = "0px 0px";
				}
				map.getPanes().labelPane.appendChild(div);
				return div;
			}
			ComplexCustomOverlay.prototype.draw = function() {
				var map = this._map;
				var pixel = map.pointToOverlayPixel(this._point);
				this._div.style.left = pixel.x - parseInt(this._arrow.style.left) + "px";
				this._div.style.top = pixel.y - 30 + "px";
			}
			var txt = "银湖海岸城",
				mouseoverTxt = txt + " " + parseInt(Math.random() * 1000, 10) + "套";
			var myCompOverlay = new ComplexCustomOverlay(new BMap.Point(116.407845, 39.914101), "银湖海岸城", mouseoverTxt);

			function setOriginal() {
				map.clearOverlays();
				map.centerAndZoom(point, 11);
				map.addOverlay(myCompOverlay);
			}
			//显示医院、景点等信息
			var local = new BMap.LocalSearch(map, {
				renderOptions: {
					map: map,
					panel: "r-result"
				},
			});

			function getKeys(myKeys) {
				document.getElementById('r-result').style.display = "";
				document.getElementById('r-result1').style.display = "none";
				var myKeys = myKeys;
				var local = new BMap.LocalSearch(map, {
					renderOptions: {
						map: map,
						panel: "mylist"
					}
				});
				local.searchInBounds(myKeys, map.getBounds());
			}
			//返回到首页显示
			function setFirst() {
				document.getElementById('r-result').style.display = "none";
				document.getElementById('r-result1').style.display = "";
				setOriginal();
			}
			map.enableScrollWheelZoom(); //启用滚轮放大缩小
			map.enableContinuousZoom(); //启用地图惯性拖拽
			map.addOverlay(myCompOverlay);
		</script>
		<!--更多户型弹出框-->
		<script type="text/javascript" src="../js/layui.js"></script>
		<script type="text/javascript">
			layui.use('layer', function() {
				var layer = layui.layer;
				$('.showmore').on('click', function() {
					layer.open({
						type: 2,
						title: '',
						shadeClose: true,
						shade: 0.3,
						area: ['990px', '638px'], //宽高
						content: 'showMore.html'
					});
				})
			});
		</script>
		<script src="../js/head.js"></script>
	</body>

</html>